﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1.1 叫醒任务</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1_1_叫醒任务/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_1_1_叫醒任务/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u391" class="ax_default" data-left="99" data-top="660" data-width="230" data-height="39">

        <!-- Unnamed (垂直线) -->
        <div id="u392" class="ax_default line">
          <img id="u392_img" class="img " src="images/1_1_1_叫醒任务/u392.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u393" class="ax_default label">
          <div id="u393_div" class=""></div>
          <div id="u393_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u394" class="ax_default label">
          <div id="u394_div" class=""></div>
          <div id="u394_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u395" class="ax_default icon">
        <img id="u395_img" class="img " src="images/1_1_1_叫醒任务/u395.png"/>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u396" class="ax_default _形状" data-label="Rectangle">
        <div id="u396_div" class=""></div>
        <div id="u396_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u397" class="ax_default" data-left="565" data-top="35" data-width="324" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u398" class="ax_default" data-left="852" data-top="35" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u399" class="ax_default _形状">
            <div id="u399_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u400" class="ax_default _形状">
            <div id="u400_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u401" class="ax_default _形状">
            <div id="u401_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u402" class="ax_default image">
          <img id="u402_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u403" class="ax_default _文本段落" data-label="Header 2">
          <div id="u403_div" class=""></div>
          <div id="u403_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u404" class="ax_default _文本段落" data-label="Header 2">
          <div id="u404_div" class=""></div>
          <div id="u404_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u405" class="ax_default icon">
        <img id="u405_img" class="img " src="images/1_1_1_叫醒任务/u405.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u406" class="ax_default box_3">
        <div id="u406_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u407" class="ax_default box_3">
        <div id="u407_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u408" class="ax_default label">
        <div id="u408_div" class=""></div>
        <div id="u408_text" class="text ">
          <p><span>选择一个任务</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u409" class="ax_default box_3">
        <div id="u409_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u410" class="ax_default box_3">
        <div id="u410_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u411" class="ax_default icon">
        <img id="u411_img" class="img " src="images/1_1_1_叫醒任务/u411.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u412" class="ax_default label">
        <div id="u412_div" class=""></div>
        <div id="u412_text" class="text ">
          <p><span>OFF</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u413" class="ax_default icon">
        <img id="u413_img" class="img " src="images/1_1_1_叫醒任务/u413.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u414" class="ax_default label">
        <div id="u414_div" class=""></div>
        <div id="u414_text" class="text ">
          <p><span>打字</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u415" class="ax_default icon">
        <img id="u415_img" class="img " src="images/1_1_1_叫醒任务/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u416" class="ax_default label">
        <div id="u416_div" class=""></div>
        <div id="u416_text" class="text ">
          <p><span>数学题</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u417" class="ax_default icon">
        <img id="u417_img" class="img " src="images/1_1_1_叫醒任务/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u418" class="ax_default label">
        <div id="u418_div" class=""></div>
        <div id="u418_text" class="text ">
          <p><span>记忆游戏</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u419" class="ax_default _形状" data-label="Rectangle">
        <div id="u419_div" class=""></div>
        <div id="u419_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u420" class="ax_default" data-left="44" data-top="35" data-width="325" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u421" class="ax_default" data-left="332" data-top="35" data-width="28" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u422" class="ax_default _形状">
            <div id="u422_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u423" class="ax_default _形状">
            <div id="u423_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u424" class="ax_default _形状">
            <div id="u424_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u425" class="ax_default image">
          <img id="u425_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u426" class="ax_default _文本段落" data-label="Header 2">
          <div id="u426_div" class=""></div>
          <div id="u426_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u427" class="ax_default _文本段落" data-label="Header 2">
          <div id="u427_div" class=""></div>
          <div id="u427_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u428" class="ax_default box_1">
        <img id="u428_img" class="img " src="images/1_1_1_叫醒任务/u428.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u429" class="ax_default line">
        <img id="u429_img" class="img " src="images/1_1_1_叫醒任务/u429.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u430" class="ax_default" data-left="149" data-top="84" data-width="94" data-height="19">

        <!-- Unnamed (图片) -->
        <div id="u431" class="ax_default image">
          <img id="u431_img" class="img " src="images/1_1_闹钟设置/u303.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u432" class="ax_default label">
          <div id="u432_div" class=""></div>
          <div id="u432_text" class="text ">
            <p><span>7分钟后响铃</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u433" class="ax_default" data-left="126" data-top="148" data-width="140" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u434" class="ax_default label">
          <div id="u434_div" class=""></div>
          <div id="u434_text" class="text ">
            <p><span>21：32</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u435" class="ax_default box_1">
          <div id="u435_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u436" class="ax_default label">
        <div id="u436_div" class=""></div>
        <div id="u436_text" class="text ">
          <p><span>20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u437" class="ax_default label">
        <div id="u437_div" class=""></div>
        <div id="u437_text" class="text ">
          <p><span>22&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u438" class="ax_default label">
        <div id="u438_div" class=""></div>
        <div id="u438_text" class="text ">
          <p><span>33</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u439" class="ax_default label">
        <div id="u439_div" class=""></div>
        <div id="u439_text" class="text ">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u440" class="ax_default" data-left="33" data-top="247" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u441" class="ax_default box_1">
          <img id="u441_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u442" class="ax_default label">
          <div id="u442_div" class=""></div>
          <div id="u442_text" class="text ">
            <p><span>叫醒任务</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u443" class="ax_default label">
          <div id="u443_div" class=""></div>
          <div id="u443_text" class="text ">
            <p><span>摇晃</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u444" class="ax_default" data-left="80" data-top="660" data-width="230" data-height="39">

        <!-- Unnamed (垂直线) -->
        <div id="u445" class="ax_default line">
          <img id="u445_img" class="img " src="images/1_1_1_叫醒任务/u392.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u446" class="ax_default label">
          <div id="u446_div" class=""></div>
          <div id="u446_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u447" class="ax_default label">
          <div id="u447_div" class=""></div>
          <div id="u447_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u448" class="ax_default" data-left="33" data-top="300" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u449" class="ax_default box_1">
          <img id="u449_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u450" class="ax_default label">
          <div id="u450_div" class=""></div>
          <div id="u450_text" class="text ">
            <p><span>周期</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u451" class="ax_default label">
          <div id="u451_div" class=""></div>
          <div id="u451_text" class="text ">
            <p><span>永不</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u452" class="ax_default" data-left="33" data-top="353" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u453" class="ax_default box_1">
          <div id="u453_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u454" class="ax_default label">
          <div id="u454_div" class=""></div>
          <div id="u454_text" class="text ">
            <p><span>铃声</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u455" class="ax_default label">
          <div id="u455_div" class=""></div>
          <div id="u455_text" class="text ">
            <p><span>Classic</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u456" class="ax_default" data-left="33" data-top="395" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u457" class="ax_default box_1">
          <img id="u457_img" class="img " src="images/1_1_1_叫醒任务/u457.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u458" class="ax_default _图片">
          <img id="u458_img" class="img " src="images/1_1_闹钟设置/u330.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u459" class="ax_default icon">
          <img id="u459_img" class="img " src="images/1_1_1_叫醒任务/u459.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u460" class="ax_default" data-left="88" data-top="406" data-width="197" data-height="18">

          <!-- Unnamed (水平线) -->
          <div id="u461" class="ax_default _水平线">
            <img id="u461_img" class="img " src="images/1_1_1_叫醒任务/u461.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u462" class="ax_default _水平线">
            <img id="u462_img" class="img " src="images/1_1_1_叫醒任务/u462.png"/>
          </div>

          <!-- Rectangle (矩形) -->
          <div id="u463" class="ax_default _形状" data-label="Rectangle">
            <div id="u463_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u464" class="ax_default icon">
        <img id="u464_img" class="img " src="images/1_1_1_叫醒任务/u395.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u465" class="ax_default" data-left="33" data-top="502" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u466" class="ax_default box_1">
          <img id="u466_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u467" class="ax_default label">
          <div id="u467_div" class=""></div>
          <div id="u467_text" class="text ">
            <p><span>备注</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u468" class="ax_default label">
          <div id="u468_div" class=""></div>
          <div id="u468_text" class="text ">
            <p><span>遛狗</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u469" class="ax_default" data-left="33" data-top="448" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u470" class="ax_default box_1">
          <img id="u470_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u471" class="ax_default label">
          <div id="u471_div" class=""></div>
          <div id="u471_text" class="text ">
            <p><span>小睡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u472" class="ax_default label">
          <div id="u472_div" class=""></div>
          <div id="u472_text" class="text ">
            <p><span>1 分钟</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u473" class="ax_default" data-left="249" data-top="132" data-width="99" data-height="127">

        <!-- Header 2 (矩形) -->
        <div id="u474" class="ax_default _文本段落" data-label="Header 2">
          <div id="u474_div" class=""></div>
          <div id="u474_text" class="text ">
            <p><span>上下滑动（Swipe）</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u475" class="ax_default image">
          <img id="u475_img" class="img " src="images/图例/u146.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u476" class="ax_default image">
          <img id="u476_img" class="img " src="images/1_1_1_叫醒任务/u476.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u477" class="ax_default image">
          <img id="u477_img" class="img " src="images/图例/u146.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u478" class="ax_default" data-left="353" data-top="247" data-width="235" data-height="127">

        <!-- Unnamed (图片) -->
        <div id="u479" class="ax_default image">
          <img id="u479_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u480" class="ax_default _文本段落" data-label="Header 2">
          <div id="u480_div" class=""></div>
          <div id="u480_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u481" class="ax_default" data-left="353" data-top="267" data-width="196" data-height="9">

          <!-- Unnamed (水平线) -->
          <div id="u482" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="193" CompoundMode="true">
            <img id="u482_img" class="singleImg img " src="images/1_1_1_叫醒任务/u482.png"/>
            <div id="u482p000" class="ax_vector_shape" WidgetTopLeftX="-0.48989898989899" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.484848484848485" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.48989898989899" WidgetBottomLeftY="0" WidgetBottomRightX="0.484848484848485" WidgetBottomRightY="0">
              <img id="u482p000_img" class="img " src="images/1_1_1_叫醒任务/u482p000.png"/>
            </div>
            <div id="u482p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="48.25" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="48.25" WidgetBottomRightY="0">
              <img id="u482p001_img" class="img " src="images/图例/u9p001.png"/>
            </div>
            <div id="u482p002" class="ax_vector_shape" WidgetTopLeftX="8.59090909090909" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="8.59090909090909" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
              <img id="u482p002_img" class="img " src="images/1_1_1_叫醒任务/u482p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u483" class="ax_default _形状">
            <div id="u483_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u484" class="ax_default box_3">
        <div id="u484_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u485" class="ax_default label">
        <div id="u485_div" class=""></div>
        <div id="u485_text" class="text ">
          <p><span>摇晃</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u486" class="ax_default _图片">
        <img id="u486_img" class="img " src="images/1_1_1_叫醒任务/u486.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u487" class="ax_default" data-left="33" data-top="556" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u488" class="ax_default box_1">
          <img id="u488_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u489" class="ax_default label">
          <div id="u489_div" class=""></div>
          <div id="u489_text" class="text ">
            <p><span>睡眠跟踪</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u490" class="ax_default" data-left="309" data-top="567" data-width="40" data-height="23">

          <!-- Unnamed (组合) -->
          <div id="u491" class="ax_default" data-left="309" data-top="567" data-width="40" data-height="23">

            <!-- Unnamed (矩形) -->
            <div id="u492" class="ax_default _形状">
              <div id="u492_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u493" class="ax_default _形状">
              <div id="u493_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u494" class="ax_default" data-left="686" data-top="556" data-width="385" data-height="127">

        <!-- Unnamed (图片) -->
        <div id="u495" class="ax_default image">
          <img id="u495_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u496" class="ax_default _文本段落" data-label="Header 2">
          <div id="u496_div" class=""></div>
          <div id="u496_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u497" class="ax_default" data-left="686" data-top="568" data-width="355" data-height="12">

          <!-- Unnamed (水平线) -->
          <div id="u498" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="349" CompoundMode="true">
            <img id="u498_img" class="singleImg img " src="images/1_1_1_叫醒任务/u498.png"/>
            <div id="u498p000" class="ax_vector_shape" WidgetTopLeftX="-0.494350282485876" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.491525423728814" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.494350282485876" WidgetBottomLeftY="0" WidgetBottomRightX="0.491525423728814" WidgetBottomRightY="0">
              <img id="u498p000_img" class="img " src="images/1_1_1_叫醒任务/u498p000.png"/>
            </div>
            <div id="u498p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="87.25" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="87.25" WidgetBottomRightY="0">
              <img id="u498p001_img" class="img " src="images/图例/u9p001.png"/>
            </div>
            <div id="u498p002" class="ax_vector_shape" WidgetTopLeftX="15.6818181818182" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="15.6818181818182" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
              <img id="u498p002_img" class="img " src="images/1_1_1_叫醒任务/u482p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u499" class="ax_default _形状">
            <div id="u499_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u500" class="ax_default _形状" data-label="Rectangle">
        <div id="u500_div" class=""></div>
        <div id="u500_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u501" class="ax_default" data-left="1064" data-top="35" data-width="324" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u502" class="ax_default" data-left="1351" data-top="35" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u503" class="ax_default _形状">
            <div id="u503_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u504" class="ax_default _形状">
            <div id="u504_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u505" class="ax_default _形状">
            <div id="u505_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u506" class="ax_default image">
          <img id="u506_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u507" class="ax_default _文本段落" data-label="Header 2">
          <div id="u507_div" class=""></div>
          <div id="u507_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u508" class="ax_default _文本段落" data-label="Header 2">
          <div id="u508_div" class=""></div>
          <div id="u508_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default label">
        <div id="u509_div" class=""></div>
        <div id="u509_text" class="text ">
          <p><span>摇晃10次</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u510" class="ax_default label">
        <div id="u510_div" class=""></div>
        <div id="u510_text" class="text ">
          <p><span>自定义</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u511" class="ax_default label">
        <div id="u511_div" class=""></div>
        <div id="u511_text" class="text ">
          <p><span>选择任务</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u512" class="ax_default icon">
        <img id="u512_img" class="img " src="images/1_1_1_叫醒任务/u512.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u513" class="ax_default line">
        <img id="u513_img" class="img " src="images/1_1_1_叫醒任务/u513.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u514" class="ax_default line">
        <img id="u514_img" class="img " src="images/1_1_1_叫醒任务/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u515" class="ax_default label">
        <div id="u515_div" class=""></div>
        <div id="u515_text" class="text ">
          <p><span>摇晃力度</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u516" class="ax_default line">
        <img id="u516_img" class="img " src="images/1_1_1_叫醒任务/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u517" class="ax_default label">
        <div id="u517_div" class=""></div>
        <div id="u517_text" class="text ">
          <p><span>弱</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u518" class="ax_default label">
        <div id="u518_div" class=""></div>
        <div id="u518_text" class="text ">
          <p><span>强</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u519" class="ax_default" data-left="1079" data-top="291" data-width="266" data-height="17">

        <!-- Unnamed (水平线) -->
        <div id="u520" class="ax_default _水平线">
          <img id="u520_img" class="img " src="images/1_1_1_叫醒任务/u520.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u521" class="ax_default _水平线">
          <img id="u521_img" class="img " src="images/1_1_1_叫醒任务/u521.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u522" class="ax_default _形状" data-label="Rectangle">
          <div id="u522_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u523" class="ax_default" data-left="1154" data-top="311.5" data-width="150" data-height="112.5">

        <!-- Unnamed (组合) -->
        <div id="u524" class="ax_default" data-left="1166.5" data-top="311.5" data-width="96" data-height="61.5">

          <!-- Unnamed (图片) -->
          <div id="u525" class="ax_default image">
            <img id="u525_img" class="img " src="images/图例/u146.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u526" class="ax_default image">
            <img id="u526_img" class="img " src="images/1_1_1_叫醒任务/u526.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u527" class="ax_default image">
            <img id="u527_img" class="img " src="images/图例/u146.png"/>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u528" class="ax_default _文本段落" data-label="Header 2">
          <div id="u528_div" class=""></div>
          <div id="u528_text" class="text ">
            <p><span>左右滑动（Swipe）</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u529" class="ax_default box_1">
        <div id="u529_div" class=""></div>
        <div id="u529_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u530" class="ax_default image">
        <img id="u530_img" class="img " src="images/1_1_1_叫醒任务/u530.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u531" class="ax_default image">
        <img id="u531_img" class="img " src="images/1_1_1_叫醒任务/u531.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u532" class="ax_default box_1">
        <img id="u532_img" class="img " src="images/1_1_1_叫醒任务/u532.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u533" class="ax_default _文本段落">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>功能逻辑：</span></p><p><span>用户可以设置叫醒任务，例如通过做数学题，打字，记忆游戏，摇晃任务。</span></p><p><span>针对摇晃任务——通过点击加减号改变摇晃次数，用户对圆球滑动调整需要的摇晃力度，点击完成即设置完毕。</span></p><p><span>该功能在用户闹钟响起后点击关闭被唤醒，见【1.2.1】</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>单击 “＋ - ”号改变摇晃次数，左右滑动圆球改变摇晃力度 </span></p><p><span>单击叫醒任务，页面跳转到选择任务，随意单击一个任务，页面跳转到自定义任务。</span></p><p><span><br></span></p><p><span>技术逻辑：</span></p><p><span>“＋ - ”号递增递减次数为5次，上限为60，下限为5。</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>可以使用户在关闭闹钟通过做任务使自己迅速清醒。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
